<footer class="bg-dark text-white pt-5 pb-4">
    <div class="container">
        <div class="row g-4">
            <!-- 左侧文字区 -->
            <div class="col-12 col-lg-7">
                <h3 class="h5 mb-3">All encounters are reunions after a long separation.</h3>
                <p>Built by the ychen</p>
                <p>POWERED BY <strong>Django</strong></p>
            </div>

            <!-- 右侧联系方式 -->
            <div class="col-12 col-lg-5">
                <h2 class="h5 mb-4">CONTACT ME</h2>
                <ul class="list-unstyled contact-info">
                    <li class="mb-2">
                        <i class="bi bi-github me-2"></i>
                        <a href="https://github.com/yumendy" class="text-white text-decoration-none">yumendy</a>
                    </li>
                    <li class="mb-2">
                        <i class="bi bi-envelope me-2"></i>
                        <a href="mailto:yumendy@163.com" class="text-white text-decoration-none">yumendy@163.com</a>
                    </li>
                    <li class="mb-2">
                        <i class="bi bi-quora me-2"></i>
                        <a href="https://www.zhihu.com/people/yumendy" class="text-white text-decoration-none">段艺</a>
                    </li>
                    <li class="mb-2">
                        <i class="bi bi-weibo me-2"></i>
                        <a href="http://weibo.com/duanyi1995" class="text-white text-decoration-none">雨翌</a>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 版权信息 -->
        <div class="row mt-4">
            <div class="col-12 text-center">
                <p class="small text-muted mb-0">
                    &copy; Copyright by ychen 2022–{{ now.year }}
                </p>
            </div>
        </div>
    </div>
</footer>